.box {
	width: 702rpx;
	margin: 0 auto;
	background: #FFFFFF;
	box-shadow: 0px 0px 10rpx 0px rgba(0, 0, 0, 0.14);
	border-radius: 10rpx;
	margin-top: 24rpx;

	.line {

		border-bottom: 2rpx solid #F6F6F6;

		&:last-child {
			border-bottom: none
		}

		margin: 0 25rpx;
		height: 90rpx;
		line-height: 90rpx;

		.name {
			float: left;
			width: 150rpx;
			font-size: 28rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #333333;
		}
		.switch{
			text-align: right;
			line-height: 125rpx;
		}
		.icon {
			display: flex;
			justify-content: center;
			/* 水平居中 */
			align-items: center;
			/* 垂直居中 */
			float: right;
			height: 90rpx;
			padding-left: 26rpx;

			image {
				width: 16rpx;
				height: 26rpx;
			}
		}

		.input {
			float: left;
			height: 90rpx;
			line-height: 90rpx;
			margin-left: 38rpx;
		}
	}
}


page {
	overflow: hidden;
}

.main {
	// height: 300px;
}
.addDisabled {
	margin-top: 100rpx;
	button{
		width: 702rpx;
		height: 88rpx;
		background: #E1E1E1;
		border-radius: 44rpx;
	}
}
.add{
	margin-top: 100rpx;
		button{
			width: 702rpx;
			height: 88rpx;
			background: linear-gradient(-90deg, #FDD421, #FFE23E);
			border-radius: 44rpx;
		}
	}
.footer {
	display: flex;
	justify-content: center;
	/* 水平居中 */
	align-items: center;
	/* 垂直居中 */
	width: 750rpx;
	height: 120rpx;
	background: #FFFFFF;
	box-shadow: 0px 0px 10rpx 0px rgba(0, 0, 0, 0.1);
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;

	image {
		width: 703rpx;
		height: 88rpx;
	}
}

.tips {
	margin: 0 49rpx;

	.line {
		margin: 30rpx 0 20rpx;
	}

	font-size: 24rpx;
	font-family: PingFang SC;
	font-weight: 500;
	color: #999999;

	.ul {
		display: -webkit-flex;
		/* Safari */
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;

		.li {
			padding-left: 20rpx;
			position: relative;

			&::before {
				position: absolute;
				left: 0;
				content: "";
				top: 14rpx;
				width: 6rpx;
				height: 6rpx;
				background: #D0D0D0;
				border-radius: 50%;
			}
		}
	}
}
.active{
	width: 702rpx;
	height: 88rpx;
	background: #E1E1E1;
	border-radius: 44rpx;
}
button::after{
	border: none !important;
}